<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/head.css">
    <link rel="stylesheet" href="../css/rightHead.css">
    <link rel="stylesheet" href="../css/middle.css">
    <link rel="stylesheet" href="../css/zxt.css">
    <link rel="stylesheet" href="../css/index.css">

</head>

<body>
    <!-- 头部 -->
    <div id="head">
        <div class="title">
            <h1>大数据可视化系统数据分析通用模版</h1>
        </div>
        <div class="time"></div>
    </div>
    <!-- 内容 -->
    <div id="content">
        <!-- 左边 -->
        <div id="left">
            <div class="head">
                <div class="alltitle">
                    <i></i>
                    <span>标题名称</span>
                </div>
                <div id="boxnav" style="width: 100%;height: 500px;">11</div>
            </div>
            <div class="foot">
                <div class="alltitle">
                    <i></i>
                    <span>标题名称</span>
                </div>
                <div id="test" style="height: 320px;width:100%;"></div>
            </div>
        </div>
        <!-- 中间 -->
        <div id="center">
            <div class="head">
                <div class="summary">
                    <p>业绩总览</p>
                    <h1>30500万</h1>
                </div>
                <div class="title-name">
                    <div class="circle-name">
                        <span>标题名称</span>
                        <div class="circle" id="scale1"></div>
                    </div>
                    <div class="circle-name">
                        <span>标题名称</span>
                        <div class="circle" id="scale2"></div>
                    </div>
                    <div class="circle-name">
                        <span>标题名称</span>
                        <div class="circle" id="scale3"></div>
                    </div>
                </div>
            </div>
            <div class="center">
                <div class="alltitle">
                    <i></i>
                    <span>标题名称</span>
                </div>
                <div id="histogram">

                </div>
            </div>
            <div class="foot">
                <div class="alltitle">
                    <i></i>
                    <span>标题名称</span>
                </div>
                <div id="splish" style="width: 100%;height: 300px;"></div>
            </div>
        </div>
        <!-- 右边 -->
        <div id="right">
            <div class="head">
                <div class="alltitle">
                    <i></i>
                    <span>标题名称</span>

                </div>
                <div id="rain" style="height:230px; width: 100%;"></div>
            </div>
            <div class="center">
                <div class="alltitle">
                    <i></i>
                    <span>标题名称</span>
                </div>
                <div class="boxnav">
                    <table border="0" cellspacing="0">
                        <tbody>
                            <tr>
                                <th></th>
                                <th>字段</th>
                                <th>字段</th>
                                <th>字段</th>
                                <th>字段</th>
                            </tr>
                            <tr>
                                <th>字段</th>
                                <td>8098</td>
                                <td>19.80%</td>
                                <td>22</td>
                                <td>368</td>
                            </tr>
                            <tr>
                            <tr>
                                <th>字段</th>
                                <td>7506</td>
                                <td>6.70%</td>
                                <td>22</td>
                                <td>339</td>
                            </tr>
                            </tr>
                            <tr>
                                <th>字段</th>
                                <td>3261</td>
                                <td>32.30%</td>
                                <td>10</td>
                                <td>325.7</td>
                            </tr>
                            <tr>
                                <th>字段</th>
                                <td>1993</td>
                                <td>201%</td>
                                <td>10</td>
                                <td>199</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="foot">
                <div class="alltitle">
                    <i></i>
                    <span>标题名称</span>
                </div>
                <div id="foot"></div>
            </div>
        </div>
    </div>
    <script src="../js/echarts.min.js"></script>
    <script src="../js/head.js"></script>
    <script src="../js/lxj.js"></script>
    <script src="../js/middle.js"></script>
    <script src="../js/Rain.js"></script>
    <script src="../js/zxt.js"></script>

    <script src="../js/echarts.min.js"></script>
    <script src="../js/leftdown.js"></script>
</body>

</html>